<template>
	<view class="logout">
		<view class="title">
			为保证你的账号安全，在你提交的注销申请生效前，需同时
			满足以下条件:
		</view>
		
		<view class="p red">
			1、账号注销不是退出登录，注销后将清空所有数据且不可恢复
		</view>
		<view class="p">
			2、账号财产已清算
			<text>没有资产，未结清的资产和虚拟权益，本账号及通过本账号接入第三方中没有未完成或存在争议的服务</text>
		</view>
		<view class="p">
			3、账号权限解除
			<text>账号已解除与其它产品的授权登录或绑定关系</text>
		</view>
		<view class="p">
			4、账号无任何纠纷，包括投诉举报 
		</view>
		<view class="check">
			<u-checkbox-group placement="row" v-model="treaty">
				<u-checkbox activeColor="#1dd39b" label="" style="font-size:24rpx">
				</u-checkbox>
				<text>同意《江南到家注销协议》</text>
			</u-checkbox-group>
		</view>
		
		<view class="btn" @click="submit">
			确认并注销
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				treaty: false
			}
		},
		methods:{
			submit(){
				if( !this.treaty ){
					uni.showToast({
						icon:'none',
						title:'请选勾选江南到家注销协议'
					})
					return;
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.logout{
		min-height: 100vh;
		background-color: white;
		padding: 20rpx 30rpx;
		.title{
			color: #333333;
			font-size: 26rpx;
			line-height: 37rpx;
			margin-bottom: 50rpx;
		}
		.p{
			color: #333333;
			font-size: 26rpx;
			line-height: 37rpx;
			font-weight: 600;
			display: flex;
			flex-direction: column;
			padding-bottom: 50rpx;
			text{
				font-weight: normal;
			}
		}
		.red{
			color: #FF0000;
		}
		.check{
			color: #FF0000;
			font-size: 26rpx;
			margin-top: 44rpx;
		}
		.btn{
			height: 86rpx;
			border-radius: 20rpx;
			background-color: #1DD39B;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			font-size: 36rpx;
			font-weight: 500;
			margin-top: 100rpx;
		}
	}
</style>